/*
 * @Description: amazon 主题
 * @Author: kanglin
 * @Date: 2019-01-21 10:11:07
 * @Copyright: Created by Panxsoft.
 */

 @import '~src/assets/css/common.less';

.amazon.app{

    &.v-index{
        // background: #CEC8FD;
    }

     /*共用样式*/
    .unit {
        font-size: 24*@rem-per-px;
        color: #F1D18A;
    }

    /*向右箭头*/
    .arrow-right-icon {
        display: inline-block;
        width: 32*@rem-per-px;
        height: 32*@rem-per-px;
        background-image: url(~src/assets/icon/amazon/arrow-right.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .v-com-bestseller,
    .single-product-area,
    .special-product-area,
    .recommend-product-area{
        .v-component-title {
            padding-top: 16*@rem-per-px;
            padding-bottom: 16*@rem-per-px;
            display: block;
            height: 88*@rem-per-px;
            line-height: normal;
            text-align: center;
            background-image: none;
            .text {
                visibility: visible;
                vertical-align: middle;
                display: inline-block;
                width: auto;
                line-height: 56*@rem-per-px;
                padding-left: 56*@rem-per-px;
                padding-right: 56*@rem-per-px;
                height:56*@rem-per-px;
                background:#ffffff;
                border-radius:36*@rem-per-px;
                color: #FD719C;
                font-size: 28*@rem-per-px;
                &::before{
                    content: "";
                    position: absolute;
                    transform: translate(-50%,-50%);
                    left: 50%;
                    top:50%;
                    background-image: url(~src/assets/icon/amazon/title_bg.png);
                    background-size: 100%;
                    background-repeat: no-repeat;
                    display: block;
                    width: 264*@rem-per-px;
                    height: 88*@rem-per-px;
                }
            }
            .arrow-right-icon{
                position: absolute;
                right: 0;
                height:56*@rem-per-px;
                background-position: center center;
            }
        }
    }

    .v-com-nav-module{
        background-image: url(~src/assets/icon/amazon/navigation_bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-bottom: 0;
        .navs-container {
            // .nav-icon{
            //     border-radius: 50%;
            //     border: 1px solid #ffffff;
            //     overflow: hidden;
            // }
            .single-nav {
                .text {
                    color: #ffffff;
                }
            }
        }

        & +div{
            background: url(~src/assets/icon/amazon/bestseller_bg.png);
            background-size: 100% 100%;
        }
    }

    /*热卖产品*/
    .v-com-bestseller {
        
        padding-top: 16*@rem-per-px;
        .body{
            margin-bottom: 0;
        }
        .v-component-title{
            .text{
                box-shadow:0 2*@rem-per-px 8*@rem-per-px rgba(253,113,156,0.1);
            }
        }
    }

    /*最新单品*/
    .single-product-area {
        background: #B1A9FE;
        padding-bottom: 16*@rem-per-px;
        width: auto;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        .unit {
            color: #D43338;
        }
        .v-component-title{
            .text{
                box-shadow:0 2*@rem-per-px 8*@rem-per-px rgba(253,113,156,0.1);
            }
        }
    }

    // .special-product-area{
    //     padding-bottom: 0;
    // }

    // .recommend-product-area{
    //     &::before{
    //         display: block;
    //         content: '';
    //         background: #CEC8FD;
    //         height: 16*@rem-per-px;
    //     }
    // }
}